<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vue学习</title>
	<script src="js/vue.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script>

</head>
<body>
<div id="app" >
  <mycomputer>
    <div slot="cpu">123123</div>
  </mycomputer>
</div> 

<template id="my_computer">
    <div id="main">
      <slot name='cpu'>这里插cpu的</slot>
      <slot name='bbb'>这里插bbb的</slot>
      <slot name='ccc'>这里插ccc的</slot>
    </div>
</template>
</body>
</html>

<script> 
Vue.component('mycomputer',{
  template:'#my_computer'
});
//注册父组件
 new Vue({
  el: '#app',
  data:{

  },
  methods:{
    
  }


})
</script>